.side-pane {
  width:auto !important;
  top: 50px !important;
  border: none !important;
  border-left: 2px solid lightgray !important;
}

.pane-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    padding-top: 1px;
}

.pane-title {
    margin: 5px;
    margin-right: 0px;
    display: flex;
    justify-content: space-between;
}

.pane-title h1 {
  margin-top: 10px;
  margin-left: 10px;
}

.pane-title .menu-button {
  width: 24px;
  height: 24px;
  padding-bottom:0px
}

.pane-title .menu-button:hover {
  outline: none;
}

div.side-pane {
  z-index: 200;
  position: fixed;
  right: 0;
  top: 40px;
  border: 2px solid gray;
  border-right: none;
  width: 75%;
  overflow: auto;
  height: 100%;
  background-color: rgba(255, 255, 255);
}

i.close-side-pane:hover {
  outline: 1px solid lightgray;
}

div.app-info-message {
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 20px;
}

div.app-message-when {
  font-style:italic;
  color:gray;
  font-size:12px;
}